<template>
  <div class="list-tittle">
    <div class="tittle-address border-bottom">
      <span class="iconfont icon-location">&#xe611;</span>
      <div class="tittle-address-text">辽宁省大连市沙河口区中山路608-6-8号（星海广场西500米，星海公园内）</div>
      <span class="iconfont icon-to">&#xe625;</span>
    </div>
    <div class="tittle-info border-bottom">
      <span class="iconfont icon-img">&#xe674;</span>
      <div class="tittle-info-text">查看景点简介及开放时间</div>
      <span class="iconfont icon-to">&#xe625;</span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'DetailListTittle'
}
</script>

<style lang="stylus" scoped>
  @import '~styles/mixins.styl'
  .list-tittle
    margin-bottom .2rem
    position relative
    top -.05rem
    background #FFFFFF
    border-radius .1rem
    .tittle-address, .tittle-info
      position relative
      height .72rem
      line-height .72rem
      display flex
      .icon-location, .icon-img
        height 100%
        position absolute
        top 0
        left .2rem
        font-size .3rem
      .tittle-address-text, .tittle-info-text
        padding 0 .65rem
        ellipsis()
      .icon-to
        height 100%
        position absolute
        top 0
        right .15rem
        font-size .35rem
</style>
